<template>
	<view class="content">
		<!-- 页面标题开始 -->
		<view class="navTitle flx">
			<i class="iconfont back" @click="back()">&#xe64b;</i>
			<text class="title">招聘</text>
		</view>
		<!-- 页面标题结束 -->
			
			<view class="searchDiv">
				<!-- 搜索开始 -->
				<view class="search ">
					<view class="searchBox flx">
						<view class="icon">
							<i class="iconfont">&#xe614;</i>
						</view>
						<view class="inputTxt">
							<input type="text" value="" placeholder="搜索"/>
						</view>
					</view>
					
				</view>
			
			<!-- 搜索结束 -->
		<!-- 筛选开始 -->
		<view class="selectMenu flx">
			<view class="menu">
		    城市切换<i class="iconfont">&#xe65b;</i>
			</view>
			<view class="menu">
			最低价格<i class="iconfont">&#xe65b;</i>
			</view>
			<view class="menu">
			最高价格<i class="iconfont">&#xe65b;</i>
			</view>
			
		</view>
		<!-- 筛选结束 -->
		
		
		</view>
		<!-- 企业发布职位开始 -->
		<view class="like focus">
			<view class="likeTitle flx">
				<view class="bg">
				</view>
				<view class="txt">
					企业发布职位
				</view>
				<view class="more">
					更多>>
				</view>
			</view>
			<view class="info flx">
				<view class="Img">
					<image src="../../static/indexBg2.jpg" mode=""></image>
				</view>
				<view class="contentI">
					<view class="ctitle">
						这是标题
					</view>
					<view class="ctxt">
						这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
					</view>
					<view class="adress flxs">
						
						<view class="">
							<i class="iconfont">&#xe64e;</i>天津
						</view>
					</view>
				</view>
				<view class="contact">
					<button class="bbg"> 在线联系</button>
				</view>
			</view>
			
		</view>
		<!-- 企业发布职位结束 -->
	
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
           back:function(){
			   uni.navigateBack({
				delta: 1,
				animationType: 'pop-out',
				animationDuration: 200
			});
		   }
		}
	}
</script>

<style>
	/* 标题开始 */
	.content {
		background: #F8F8F8;
		height: 200vh;
	}

	.flx {
		display: flex;
		justify-content: flex-start;
	}
    .flxs{
		display: flex;
		justify-content: space-between;
	}
	.navTitle {
		background: #FF542E;
		width: 100%;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		color: #fff;
		font-size: 38rpx;
	}

	.navTitle .iconfont {
		color: #fff !important;
		font-size: 40rpx !important;
	}

	.navTitle .back {
		width: 10%;
	}

	.navTitle .title {
		width: 90%;
		text-align: center;
	}

	/* 标题结束 */
	.searchDiv{
		width: 96%;
		margin: 0 auto;
		background: #fff;
		border-bottom-right-radius: 20rpx;
		border-bottom-left-radius: 20rpx;
		box-shadow: 2rpx 2rpx 5rpx #fff;
	}
	/* 搜索开始 */
	.search{
		width: 100%;
		padding:  2%;
		background: #fff;
		height: 90rpx;
		box-sizing: border-box;
		}
		.icon{
			margin: 0 30rpx;
			padding-top: 10rpx;
		}
		.icon .iconfont{
			margin-top: 10rpx!important;
		}
		.searchBox{
			width: 100%;
			background: #FFFFFF;
			border-radius: 30rpx;
			font-size: 30rpx;
			border:2rpx solid #000000;
		}
	/* 搜索结束 */
	/* 筛选开始 */
		.selectMenu{
		width: 96%;
		height: 80rpx;
		line-height: 80rpx;
		margin: 0 auto;
		border-radius: 10rpx;
		background: #fff;
		margin-top: 20rpx;
		font-size: 30rpx;
		color: #676767;
	}
	.selectMenu .menu{
		width: 33%;
		padding: 0 1%;
		box-sizing: border-box;
		text-align: center;
	}
	/* 筛选结束 */
	/* 最近发布商品开始 */
	.like{
		width: 96%;
		margin: 0 auto;
		border-radius: 10rpx;
		background: #fff;
		margin-top: 20rpx;
		padding: 3%;
		box-sizing: border-box;
	}
	.likeTitle{
		padding: 2%;
		box-sizing: border-box;
		width: 100%;
		height: 70rpx;
		font-size: 34rpx;
		}
		.likeTitle .bg{
			width: 7rpx;
			height: 45rpx;
			background: #FF542E;
		}
		.likeTitle .txt{
			padding-left: 10rpx;
			width: 85%;
		}
		.likeTitle .more{
			width: 15%;
			font-size: 26rpx;
			color: #7B7B7B;
		}
		.info{
			width: 100%;
			border-bottom: 2rpx solid #D8D8D8;
			padding-bottom: 20rpx;
			padding-top: 20rpx;
		}
		.info .Img{
			width: 26%;
			margin-right: 2%;
			height: 140rpx;
		}
		.info .Img image{
			border-radius: 15rpx;
			width: 100%;
			height: 100%;
		}
		.info .contentI {
			width: 50%;
			margin-right: 2%;
		}
		.info .contact{
			width: 20%;
			font-size: 28rpx;
			height: 60rpx;
			
		}
		.info .contact button{
			width: 100%;
			height: 100%;
			padding: 0;
			color: #fff;
			line-height: 60rpx;
			border-radius: 8rpx;
			margin-top: 40rpx;
		}
		.info .contact .bbg{
			font-size: 28rpx;
			background: #FF542E;
		}
		.info .contentI .ctitle{
			font-size: 34rpx;
			width: 100%;
			height: 40rpx;
		}
		.info .contentI .ctxt{
			font-size: 28rpx;
			width: 100%;
			height: 70rpx;
			overflow:hidden; /*超出部分隐藏*/
	        text-overflow:ellipsis;/*显示省略号来代表被修剪的文本*/
			display:-webkit-box; 
			-webkit-box-orient:vertical;
			-webkit-line-clamp:2; 
		}
		.info .contentI .adress{
			font-size: 26rpx;
			color: #828282;
			height: 30rpx;
		}
		.info .contentI .adress .price{
			color: #FF542E!important;
			font-size: 32rpx!important;
		}
		.focus{
			margin-top: 20rpx;
		}
	/* 最近发布商品结束 */
</style>
